<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CCC Operations</title>
</head>
<body>
<h3>新增客服</h3>
<div th:if="${instanceId} != null">
<form th:action="@{/aliyun/ccc/createuser}" method="post">
    <div>
        <label>
            <p th:inline="text">instanceId: [[${instanceId}]]</p>
            <h3>输入创建坐席所需的相关信息</h3>
        </label>
    </div>
    <!--LoginName 登陆名-->
    登录名：<input type="text" name="loginName" />
    <!--DisplayName 用户名称-->
    显示名称：<input type="text" name="displayName" />
    <!--Email-->
    Email：<input type="text" name="email" />
    <!--角色-->
    <select name="roleId">
        <option th:each="role : ${roleList}"
                th:value="${role.roleId}" th:text="${role.name}"></option>
    </select>
    <!--技能组-->
    <table>
        <thead>
        <tr>
            <th>勾选加入技能组</th>
            <th>技能组名称</th>
            <th>技能组等级</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="skillGroup : ${skillGroupList}">
            <td><input type="checkbox" name="skillIdList" th:value="${skillGroup.skillGroupId}" /></td>
            <td th:text="${skillGroup.skillGroupName}"></td>
            <td>
                <select name="skillGroupLevels">
                    <option th:each="i:${#numbers.sequence(1,10)}"
                            th:value="${i}" th:text="${i}"></option>
                </select>
            </td>
        </tr>
        </tbody>
    </table>
    <div>
        <input type="submit" value="提交"/>
    </div>
</form>
</div>
</body>
</html>